import { createRouter,createWebHashHistory } from "vue-router"

const router =createRouter({
    history:createWebHashHistory(),
    routes:[
        {path:'/',redirect:'./home'},
        {path:'/home',component:() => import ('./components/Home.vue')},
        {path:'/about',
            component:()=> import ('./components/About.vue'),
            children: [
                {path: 'tab1', component:()=>import('./components/pages/Tab1.vue')},
                {path: 'tab2', component:()=>import('./components/pages/Tab2.vue')}
            ]
        },
        {path:'/movie',
            component:()=>('./components/Movie.vue'),
            children:[
                {path:':id' ,name:'MovieDetails',component:()=>import('./components/movieDetails.vue')}
            ]
        },
        {path:'/login',name:'Login',component:() => import('./components/Login.vue')}
    ]
})
router.beforeEach((to,from,next)=>{
    let isLogin =true
    if(to.name== 'MovieDetails'){
        if(isLogin){
            next()
        }else{
            next({name:'login'})
        }
    }else{
        next()
    }
})
export default router